<!-- subpkg_consult/description/index.vue -->
<script setup>
import { computed, ref } from 'vue';
import { uesDocInfoStore } from '@/stores/index.js';
import { storeToRefs } from 'pinia';
    const  store=uesDocInfoStore()
	const {fromdata}=storeToRefs(store)
	// 这是选择时间的数据以及是否就诊
	const datelist=[
		{value:1,text:'一周内'},
		{value:2,text:'一个月内'},
		{value:3,text:'半年内'},
		{value:4,text:'大于半年'}
	]
	const islist=[
		{value:1,text:'就诊过'},
		{value:0,text:'未就诊过'},
	]
	
	// 这里定义的数据已经移入pinia中了
	// const fromdata=ref({
	// 	activeValu:null,
	// 	isValu:null,
	// 	TextareaValue:'',
	// 	imgs:[]
	// })
	
	// 这个是发病时间高亮tab选择逻辑
	function onactive(value){
		fromdata.value.activeValu=value  
	}
	// 这个也是只不过这个是就诊tab/选择
	function onis(value){
		// console.log(value);
		fromdata.value.isValu=value  
	}
	// 这个是判断 这些数据有没有填写 从而判断是否禁用按钮
	const Bool=computed(()=>{
		return fromdata.value.activeValu !=null && fromdata.value.isValu !=null && fromdata.value.TextareaValue!='' && fromdata.value.imgs.length > 0
	})
	
	
	
	// 	uni.showModal({
	// 	content: '是否恢复上次数据',
	// 	success: function (res) {
	// 	 if (res.cancel) {
	// 		fromdata.value=fromDataVal.value
	// 		}
	// 	}
	//    });
	
	// 接收地址
	const prop=defineProps({
		type:String, //问诊类型
		illnessType:String, //三甲还是啥标识
		depId:String  
	})
	
	// 这是跳转下一步然后顺便保存地址信息
	const jumpurl=()=>{
		store.type=prop.type
		store.illnessType=prop.illnessType
		store.depId=prop.depId
		uni.navigateTo({
			url:`/subpack_consult/patient/index`
		})
	}

</script>

<template>
  <scroll-page>
    <view class="description-page">
      <!-- 在线医生 -->
      <view class="doctor-online">
        <image
          src="/static/images/ys.png"
          class="doctor-avatar"
        />
        <view class="doctor-info">
          <view class="name">在线医生</view>
          <view class="message">
            请描述你的疾病或症状、是否用药、就诊经历，需要我听过什么样的帮助
          </view>
          <view class="tips">
            <text class="iconfont icon-shield"></text>
            内容仅医生可见
          </view>
        </view>
      </view>
      <!-- 患者信息 -->
      <view class="patient-info">
        <view class="description">
          <uni-easyinput
		    v-model="fromdata.TextareaValue"
            type="textarea"
            :styles="{ backgroundColor: '#f6f6f6' }"
            :input-border="false"
            placeholder-style="font-size: 30rpx; color: #979797"
            placeholder="请详细描述您的病情,病情描述不能为空"
          />
        </view>

        <view class="title">本次患病多久了？</view>
        <view class="tags">
          <text class="tag" :class="{active:fromdata.activeValu==item.value}"
		  v-for="item,index in datelist "
		  :key="item.value"
		  @click="onactive(item.value)"
		  >
		  {{item.text}}
		  </text>
        </view>

        <view class="title">此次病情是否去医院就诊过？</view>
        <view class="tags">
          <text class="tag" :class="{active:fromdata.isValu==item.value}" 
		  v-for="item in islist" 
		  :key="item.value"
		  @click="onis(item.value)"
		  >
		  {{item.text}}
		  </text>
        </view>
      </view>
      <!-- 上传图片 -->
      <view class="patient-picture">
        <uni-file-picker
		  v-model="fromdata.imgs"
          title="上传病情相关图片 (仅医生可见)"
          limit="9"
          :image-styles="{ width: '200rpx', height: '200rpx' }"
          file-extname="png,jpg,gif,webp"
        />
      </view>
    </view>
    <!-- 下一步操作 -->
    <view class="next-step">
      <button :disabled="!Bool" type="primary" @click="jumpurl">下一步</button>
    </view>
  </scroll-page>
</template>

<style lang="scss">
  @import './index.scss';
</style>
